iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0
Web 3

當 APP develop 遇上 web3 與 Metaverse 浪潮 系列 第 9

[Day 捌] 做完錢包了,接下來玩點酷酷的東西

  • 分享至 

  • xImage
  •  

在過去幾天我們用 React 做了一個簡單的 NFT 錢包來展示收藏品,

但,

到了2020年如果還只用 2D 的網頁來呈現收藏品,感覺就不夠 Metaverse

接下來的二十天就讓我們用各式各樣的技術實作一個跨平台的 3D收藏品展示架吧

以下是我們將會實作的功能
藉由以下的開發工具結合前幾天的所學建立出

  • 可以顯示 3D 2D assets
  • 可以動態載入元件
  • 可以動態編輯場景
  • 具有社群分享功能
  • 行動裝置支援

以及使用的框架

  • R3F- Ecosystem
@react-three/gltfjsx – turns GLTFs into JSX components
@react-three/drei – useful helpers for react-three-fiber
@react-three/postprocessing – post-processing effects
@react-three/flex – flexbox for react-three-fiber
@react-three/xr – VR/AR controllers and events
@react-three/cannon – physics based hooks
@react-three/a11y – real a11y for your scene
zustand – state management
react-spring – a spring-physics-based animation library
react-use-gesture – mouse/touch gestures
leva – create GUI controls in seconds
  • GLSL
  • spline.design
  • Blender
  • CesiumGS/gltf-pipeline
  • react.js
  • react-native or ionic - 打包 3D APP 究竟誰比較好?

上一篇
[Day 柒] 加上好友切換功能,看看好友都收藏了些什麼 - add Friend Account
下一篇
[Day 拾] 快速入門 3D 互動網頁
系列文
當 APP develop 遇上 web3 與 Metaverse 浪潮 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言